﻿<!DOCTYPE html>
<html lang="es"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Sistema </title>
	<head>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css" />
		<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.4.custom.min.css" />
		<link rel="stylesheet" href="css/ui.jqgrid.css" />
		<script src="js/jquery-1.10.2.js"></script>
		<script src="js/jquery.jqGrid.min.js"></script>
		<script src="js/jquery.jqGrid.src.js"></script>
		<script src="js/jquery-ui.js"></script>
		<script src="js/grid.locale-es.js"></script>
		<script src="bootstrap/js/bootstrap.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="js/AsignacionAsistentesporBanca.js"></script>
		<style>

			.center-block {
				float: none;
				margin-left: auto;
				margin-right: auto;
			}

			.input-group .icon-addon .form-control {
				border-radius: 0;
			}

			.icon-addon {
				position: relative;
				color: #555;
				display: block;
			}

			.icon-addon:after,
			.icon-addon:before {
				display: table;
				content: " ";
			}

			.icon-addon:after {
				clear: both;
			}

			.icon-addon.addon-md .glyphicon,
			.icon-addon .glyphicon, 
			.icon-addon.addon-md .fa,
			.icon-addon .fa {
				position: absolute;
				z-index: 2;
				left: 10px;
				font-size: 14px;
				width: 20px;
				margin-left: -2.5px;
				text-align: center;
				padding: 10px 0;
				top: 1px
			}

			.icon-addon.addon-lg .form-control {
				line-height: 1.33;
				height: 40px;
				font-size: 18px;
				padding: 10px 16px 10px 40px;
			}

			.icon-addon.addon-sm .form-control {
				height: 30px;
				padding: 5px 10px 5px 28px;
				font-size: 12px;
				line-height: 1.5;
			}

			.icon-addon.addon-lg .fa,
			.icon-addon.addon-lg .glyphicon {
				font-size: 18px;
				margin-left: 0;
				left: 11px;
			}

			.icon-addon.addon-md .form-control,
			.icon-addon .form-control {
				padding-left: 30px;
				float: left;
				font-weight: normal;
			}

			.icon-addon.addon-sm .fa,
			.icon-addon.addon-sm .glyphicon {
				margin-left: 0;
				font-size: 12px;
				left: 5px;
				top: -1px
			}

			.icon-addon .form-control:focus + .glyphicon,
			.icon-addon:hover .glyphicon,
			.icon-addon .form-control:focus + .fa,
			.icon-addon:hover .fa {
				color: #2580db;
			}

			.form-control {
				font-size: 12px;
				height: 28px;
				padding: 5px 12px;
			}
			
			body {
				font-size: 12px !important;
				overflow-y: scroll;
				overflow-x: hidden;
			}
			
			.btn {
				padding: 4px 12px;
				font-size: 12px;
			}
			
			a:link   
			{
				font-size: 12px;
				text-decoration:none;   
			}  
			
			a:hover {
				background: #CEECF5;
			}
			
			.form-group {
				margin-bottom: 10px;
			}
			
			.ui-jqgrid .ui-pg-input  {
				height:18px !important;
				font-size: .8em;
				margin: 0;
			}	

			.ui-jqgrid .ui-jqgrid-btable {
				table-layout: auto;
			}

			.ui-widget-overlay {
			  opacity: 0.7;
			  background:"rgb(0, 0, 0)",
			}
			
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row" style="padding-top:10px">
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="pull-right" style="padding-right: 13px;">
						<span class="link">
						<span class=" glyphicon glyphicon-user"></span>Buscar: </span>
						<a href="#">Cerrar</a>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="page-header clearfix" style="				background: #ef2a24;
				border-radius: 3px;
				padding-top: 20px;
				padding-left: 10px;
				padding-left: 10px;
				padding-bottom: 10px;
				margin: 10px;
				color: #fff;">
						 
						<div class="col-md-12">
							<div class="pull-right">
								<form class="form-inline form-search">
									<div class="form-group" style="float:left">
										<label style="padding-top:5px;padding-right:10px;padding-top: 12px;" class="control-label" for="txtFilterText">Administrador</label>
									</div>
									<div class="icon-addon addon-lg" style="float:left">
										<input style="width:250px;font-size:small;" type="text" placeholder="Nombre o Nro de Documento" class="form-control">
										 
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="panel-default">
					<div class="col-xs-12">
						 <div class="col-md-3">
							<div class="panel-group" id="accordion">
								 
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Residentes</a>
										</h4>
									</div>
									<div id="collapseTwo" class="panel-collapse collapse">
										<div class="panel-body">
											<p><a href="Index.html">Mantenimiento de Residentes</a></p> 										
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Vivienda</a>
										</h4>
									</div>
									<div id="collapseThree" class="panel-collapse collapse">
										<div class="panel-body">
											<p><a href="MantenimientoVivienda.html">Mantenimiento de Viviendas</a></p>
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">Cuotas</a>
										</h4>
									</div>
									<div id="collapseFour" class="panel-collapse collapse">
										<div class="panel-body">
											<p><a href="RegistroCuotas.html">Colocación de Cuotas</a></p>
										</div>
									</div> 
								</div>
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">Consultas</a>
										</h4>
									</div>
									<div id="collapseFive" class="panel-collapse collapse">
										<div class="panel-body">
											<p><a href="ConsultaMorosos.html">Consulta de Morosos</a></p>
										</div>
									</div>
								</div> 
							</div>
						</div>
						<div class="col-md-9">
							<div class="panel panel-default">
								<div class="panel-heading">
									<strong>Mantenimiento de Residentes</strong>
								</div>
								<div class="panel-body">
									<div>
										<span class="fa fa-info-circle"></span>
										<span id="informacion">Debe ingresar al menos un filtro de búsqueda.</span>
									</div>
									<hr>
									<form>
										
										<div class="row">
												<div class="form-horizontal">
													<div class="form-group" style="">
														<label class="col-sm-4 control-label" >Residente:</label>
														<div class="col-sm-4">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
														<div class="col-sm-4">															 
														<input id="btnMostrar" type="button" class="btn btn-default btn-filter" value="Mostrar">																					
														</div>
													</div>
												</div>
										</div>
													
									</form>
									 <table class="table">
										<tr>
										<td>DNI</td>
										<td>Nombre</td>
										<td>Apellidos</td>
										<td>Fecha Nacimiento</td>
										<td>Correo</td>
										<td>Opcion</td>
										</tr>
										<td>45393736</td>
										<td>Francisco</td>
										<td>Huamanyauri Pacherres</td>
										<td>07/11/1989</td>
										<td>fhuamanyaurip@gmail.com</td>										
										<td><input type="button"  class="btn btn-warning"  value="Modificar" ></td>
										<td><input type="button"  class="btn btn-danger" value="Eliminar"  ></td> </td> 
										<tr>
										</tr>										
										<tr>
										<td>71489411</td>
										<td>Santy </td>
										<td>Cortez Arozola</td>
										<td>30/05/1991</td>
										<td>scortez@gmail.com</td>
										<td><input type="button"  class="btn btn-warning"  value="Modificar" ></td>
										<td><input type="button"  class="btn btn-danger" value="Eliminar"  ></td>  </tr>
										<tr>
										<td>46709597</td>
										<td>Dante</td>
										<td>Ayala Izaguirre</td>
										<td>04/11/1990</td>
										<td>dantea@gmail.com</td>
										<td><input type="button"  class="btn btn-warning"  value="Modificar" ></td>
										<td><input type="button"  class="btn btn-danger" value="Eliminar"  ></td> 
										</tr>
										<tr>
										<td>10798723</td>
										<td>Julio</td>
										<td>Ramirez Gustamante</td>
										<td>02/05/1964</td>
										<td>jgustamante@gmail.com</td>
										<td><input type="button"  class="btn btn-warning"  value="Modificar" ></td>
										<td><input type="button"  class="btn btn-danger" value="Eliminar"  ></td> 
										</tr>
										
									 </table>
									<br>
									<div>
										<span><input id="btnAnadir" type="button" class="btn btn-default btn-filter" value="Añadir"></span>
									</div>
									<div id="divMantenimiento" style="overflow-x: hidden">
										<form>
											<div class="row">
												<div class="form-horizontal">
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">DNI:</label>
														<div class="col-sm-7">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">Nombres:</label>
														<div class="col-sm-7">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">Apellidos:</label>
														<div class="col-sm-7">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">Fecha Nacimiento:</label>
														<div class="col-sm-7">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">Correo:</label>
														<div class="col-sm-7">
															<input type="Text"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<div class="form-group" style="">
														<label class="col-sm-5 control-label" style="padding-right: 10px">Clave:</label>
														<div class="col-sm-7">
															<input type="password"  class="col-sm-8 control-text"/>
														</div>
													</div>
													<hr>
													<div class="form-group" style="text-align: center;">
														<label class="col-sm-5 control-label" style="padding-right: 10px"></label>
														<div class="col-sm-7">
															<div style="text-align: center;">
																<input id="btnMantenimientoGrabar" type="button" class="btn btn-default btn-filter" value="Grabar">
																<input id="btnMantenimientoSalir" type="button" class="btn btn-default btn-filter" value="Salir">
															</div>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
									<div id="divEliminar" style="overflow-x: hidden">
										<form>
											<div class="row">
												<div class="form-horizontal">
													<div style="text-align:center">
														Esta seguro de eliminar la asignación?
													</div>
													<hr>
													<div class="form-group" style="text-align: center;">
														<label class="col-sm-5 control-label" style="padding-right: 10px"></label>
														<div class="col-sm-7">
															<div style="text-align: center;">
																<input id="btnEliminarAceptar" type="button" class="btn btn-default btn-filter" value="Aceptar">
																<input id="btnEliminarCancelar" type="button" class="btn btn-default btn-filter" value="Salir">
															</div>
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
									<input type="hidden" id="posicion">
									<div id="divMensaje" style="overflow-x: hidden">
										<form>
											<div class="row">
												<div class="form-horizontal">
													<div style="text-align:center">
														<span id="spnMensaje"></span>
													</div>
												</div>
											</div>
										</form>
									</div>
									<div id="divValidacion" style="overflow-x: hidden">
										<form>
											<div class="row">
												<div class="form-horizontal">
													<div style="text-align:center">
														La asignación no puede ser eliminada, debido a que el asistente, tiene cartera asignada
													</div>
												</div>
												<hr>
												<div class="form-group" style="text-align: center;">
													<label class="col-sm-5 control-label" style="padding-right: 10px"></label>
													<div class="col-sm-8">
														<div style="text-align: right;">
															<input id="btnValidarAceptar" type="button" class="btn btn-default btn-filter" value="Aceptar">
														</div>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer" style="background: #ef2a24;
				border-radius: 3px;
				padding-top: 20px;
				padding-left: 10px;
				padding-left: 10px;
				padding-bottom: 10px;
				margin: 10px;
				color: #fff;">
				<div class="container">
					<div class="col-xs-12">
						 
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

